/*
 * Default style sheet on Windows Platforms
 */

/*****************************************************************************
 * DockContainer
 *****************************************************************************/
QxDock--DockContainer {
    background: palette(window);
}


/*****************************************************************************
 * DockSplitter
 *****************************************************************************/
QxDock--DockContainer>QSplitter {
    padding: 1 0 1 0;
}

QxDock--DockContainer QxDock--DockSplitter::handle {
    background: palette(dark);
}


/*****************************************************************************
 * DockPanel
 *****************************************************************************/
QxDock--DockPanel {
    background: palette(window);
}

QxDock--TitleBarButton {
    padding: 0px 0px;
}


#dockTabsMenuButton::menu-indicator {
    image: none;
}

#dockTabsMenuButton {
    qproperty-icon: url(:/qxdock/res/images/tabs-menu-button.svg);
    qproperty-iconSize: 16px;
}

#dockPanelCloseButton {
    qproperty-icon: url(:/qxdock/res/images/close-button.svg),
        url(:/qxdock/res/images/close-button-disabled.svg) disabled;
    qproperty-iconSize: 16px;
}

#dockDetachGroupButton {
    qproperty-icon: url(:/qxdock/res/images/detach-button.svg),
        url(:/qxdock/res/images/detach-button-disabled.svg) disabled;
    qproperty-iconSize: 16px;
}



/*****************************************************************************
 * DockTab and close button styling
 *****************************************************************************/
QxDock--DockTab {
    background: palette(window);
    border-color: palette(light);
    border-style: solid;
    border-width: 0 1px 0 0;
    padding: 0 0px;
}

QxDock--DockTab[activeTab="true"] {
    background: qlineargradient(spread : pad, x1 : 0, y1 : 0, x2 : 0, y2 : 0.5, stop : 0 palette(window), stop:1 palette(light));
    /*background: palette(highlight);*/
}

QxDock--DockTab QLabel {
    color: palette(dark);
}

QxDock--DockTab[activeTab="true"] QLabel {
    color: palette(foreground);
}


#dockTabCloseButton {
    margin-top: 2px;
    background: none;
    border: none;
    padding: 0px -2px;
    qproperty-icon: url(:/qxdock/res/images/close-button.svg),
        url(:/qxdock/res/images/close-button-disabled.svg) disabled;
    qproperty-iconSize: 16px;
}

#dockTabCloseButton:hover {
    border: 1px solid rgba(0, 0, 0, 32);
    background: rgba(0, 0, 0, 16);
}

#dockTabCloseButton:pressed {
    background: rgba(0, 0, 0, 32);
}


/*****************************************************************************
 * DockWidget
 *****************************************************************************/
QxDock--DockWidget {
    background: palette(light);
    border-color: palette(light);
    border-style: solid;
    border-width: 1px 0 0 0;
}


QScrollArea#dockWidgetScrollArea {
    padding: 0px;
    border: none;
}


/*****************************************************************************
 *
 * Styling of auto hide functionality
 *
 *****************************************************************************/


/*****************************************************************************
 * DockSideTab
 *****************************************************************************/
QxDock--DockSideTab {
    qproperty-iconSize: 16px 16px;
    /* this is optional in case you would like to change icon size*/
    background: none;
    border: none;
    padding-left: 2px;
    padding-right: 0px;
    text-align: center;
    min-height: 20px;
    padding-bottom: 2px;
}


QxDock--DockSideTab:hover {
    color: palette(highlight);
}


QxDock--DockSideTab[iconOnly="false"][sideBarArea="0"],
QxDock--DockSideTab[iconOnly="false"][sideBarArea="2"] {
    border-top: 6px solid rgba(0, 0, 0, 48);
}


QxDock--DockSideTab[iconOnly="false"][sideBarArea="1"],
QxDock--DockSideTab[iconOnly="false"][sideBarArea="3"] {
    border-bottom: 6px solid rgba(0, 0, 0, 48);
}



QxDock--DockSideTab:hover[iconOnly="false"][sideBarArea="0"],
QxDock--DockSideTab:hover[iconOnly="false"][sideBarArea="2"],
QxDock--DockSideTab[iconOnly="false"][sideBarArea="0"][activeTab="true"],
QxDock--DockSideTab[iconOnly="false"][sideBarArea="2"][activeTab="true"] {
    border-top: 6px solid palette(highlight);
}


QxDock--DockSideTab:hover[iconOnly="false"][sideBarArea="1"],
QxDock--DockSideTab:hover[iconOnly="false"][sideBarArea="3"],
QxDock--DockSideTab[iconOnly="false"][sideBarArea="1"][activeTab="true"],
QxDock--DockSideTab[iconOnly="false"][sideBarArea="3"][activeTab="true"] {
    border-bottom: 6px solid palette(highlight);
}


/**
 * Auto hide tabs with icon only
 */
QxDock--DockSideTab[iconOnly="true"][sideBarArea="0"] {
    border-top: 6px solid rgba(0, 0, 0, 48);
}

QxDock--DockSideTab[iconOnly="true"][sideBarArea="1"] {
    border-left: 6px solid rgba(0, 0, 0, 48);
}

QxDock--DockSideTab[iconOnly="true"][sideBarArea="2"] {
    border-right: 6px solid rgba(0, 0, 0, 48);
}

QxDock--DockSideTab[iconOnly="true"][sideBarArea="3"] {
    border-bottom: 6px solid rgba(0, 0, 0, 48);
}


/**
 * Auto hide tabs with icon only hover
 */
QxDock--DockSideTab:hover[iconOnly="true"][sideBarArea="0"],
QxDock--DockSideTab[iconOnly="true"][sideBarArea="0"][activeTab="true"] {
    border-top: 6px solid palette(highlight);
}

QxDock--DockSideTab:hover[iconOnly="true"][sideBarArea="1"],
QxDock--DockSideTab[iconOnly="true"][sideBarArea="1"][activeTab="true"] {
    border-left: 6px solid palette(highlight);
}

QxDock--DockSideTab:hover[iconOnly="true"][sideBarArea="2"],
QxDock--DockSideTab[iconOnly="true"][sideBarArea="2"][activeTab="true"] {
    border-right: 6px solid palette(highlight);
}

QxDock--DockSideTab:hover[iconOnly="true"][sideBarArea="3"],
QxDock--DockSideTab[iconOnly="true"][sideBarArea="3"][activeTab="true"] {
    border-bottom: 6px solid palette(highlight);
}


/*****************************************************************************
 * DockSideBar
 *****************************************************************************/
QxDock--DockSideBar {
    background: palette(window);
    border: none;
    qproperty-spacing: 12;
}

#sideTabsContainerWidget {
    background: transparent;
}


QxDock--DockSideBar[sideBarArea="0"] {
    border-bottom: 1px solid palette(dark);
}

QxDock--DockSideBar[sideBarArea="1"] {
    border-right: 1px solid palette(dark);
}

QxDock--DockSideBar[sideBarArea="2"] {
    border-left: 1px solid palette(dark);
}

QxDock--DockSideBar[sideBarArea="3"] {
    border-top: 1px solid palette(dark);
}


/*****************************************************************************
 * DockAutoHideContainer
 *****************************************************************************/
QxDock--DockAutoHideContainer {
    background: palette(window);
}


QxDock--DockAutoHideContainer QxDock--DockTitleBar {
    background: palette(highlight);
    padding: 0px;
    border: none;
}


/*
 * This is required because the QxDock--DockPanel[focused="true"] will
 * overwrite the QxDock--DockAutoHideContainer QxDock--DockTitleBar rule
 */
QxDock--DockAutoHideContainer QxDock--DockPanel[focused="true"] QxDock--DockTitleBar {
    background: palette(highlight);
    padding: 0px;
    border: none;
}


#dockAutoHideTitleLabel {
    padding-left: 4px;
    color: palette(light);
}


/*****************************************************************************
 * DockAutoHideContainer titlebar buttons
 *****************************************************************************/
#dockPanelAutoHideButton {
    qproperty-icon: url(:/qxdock/res/images/vs-pin-button.svg),
        url(:/qxdock/res/images/vs-pin-button-disabled.svg) disabled;
    qproperty-iconSize: 16px;
}

QxDock--DockAutoHideContainer #dockPanelAutoHideButton {
    qproperty-icon: url(:/qxdock/res/images/vs-pin-button-pinned-focused.svg);
    qproperty-iconSize: 16px;
}


QxDock--DockAutoHideContainer #dockPanelMinimizeButton {
    qproperty-icon: url(:/qxdock/res/images/minimize-button-focused.svg);
    qproperty-iconSize: 16px;
}


QxDock--DockAutoHideContainer #dockPanelCloseButton {
    qproperty-icon: url(:/qxdock/res/images/close-button-focused.svg)
}


QxDock--DockAutoHideContainer QxDock--TitleBarButton:hover {
    background: rgba(255, 255, 255, 48);
}

QxDock--DockAutoHideContainer QxDock--TitleBarButton:pressed {
    background: rgba(255, 255, 255, 96);
}

/*****************************************************************************
 * DockAutoHideContainer Titlebar and Buttons
 *****************************************************************************/


/*****************************************************************************
 * DockResizeHandle
 *****************************************************************************/
QxDock--DockResizeHandle {
    background: palette(window);
}


QxDock--DockAutoHideContainer[sideBarArea="0"] QxDock--DockResizeHandle {
    border-top: 1px solid palette(dark);
}

QxDock--DockAutoHideContainer[sideBarArea="1"] QxDock--DockResizeHandle {
    border-left: 1px solid palette(dark);
}

QxDock--DockAutoHideContainer[sideBarArea="2"] QxDock--DockResizeHandle {
    border-right: 1px solid palette(dark);
}

QxDock--DockAutoHideContainer[sideBarArea="3"] QxDock--DockResizeHandle {
    border-top: 1px solid palette(dark);
}